// Header text feature
.call-out {
  @extend %padding-regular;
  display: inline-block;
  width: 100%;
  background-color:$header-desc-background-color;
  background-size: cover;
  font-size: 1.2em;
  text-align: center;
  color: $header-desc-text-color;
}

.call-out-content {
  @extend %padding-regular;
  display: inline-block;
  width: 100%;
  background-size: cover;
  font-size: 1.6em;
  text-align: center;
  color: $header-desc-text-color;
  padding: 0 0;
}

.call-out-title {
  @extend %padding-regular;
  display: inline-block;
  width: 100%;
  background-size: cover;
  font-size: 2.8em;
  text-align: center;
  color: $header-desc-text-color;
  padding: 0 0;
}
.call-out p:last-child {
  margin-bottom: 0;
}
// Post listing
.posts {
  .post-teaser {
    @extend %padding-regular;
    width: 100%;
    margin-bottom: 0;
    display: inline-block;
    background-size: $feature-image-size;
    border-top: 1px solid $border-color;
    p a:hover {
      @extend %link-hover;
    }
  }
  .excerpt {
    margin-top: 1em;
  }
}
// Pagination
.pagination .button {
  margin: 0 1.5em;
  i {
    vertical-align: middle;
  }
}
.pagination {
  padding: $padding-small $padding-large 0 $padding-large;
  text-align: center;
}
